@import "common";

.title {
    text-align: center;
}

.item {
    &-top {

    }
    &-bottom {

        &-li {
            display: flex;
            height: 70/@rem;
            background-color: white;
            margin-top: 10/@rem;
            &-sel {
                width: 30/@rem;
                line-height: 70/@rem;
            }
            &-img {
                width: 100/@rem;
                img {
                    width: 100/@rem;
                    height: 70/@rem;
                }
            }
            &-dea {
                flex: 1;
                div {
                    height: 50/@rem;
                    font-size: 16/@rem;

                }
                ul {
                    height: 20/@rem;
                    display: flex;
                    justify-content: space-between;
                    font-size: 14/@rem;
                    padding: 0 5/@rem;

               
                      

                        button {
                            width: 18/@rem;
                            height: 18/@rem;
                            text-align: center;
                            line-height: 18/@rem;
                        }
                

                  

                }
            }
        }
        
    }

    &-z {
        
        float: right;
        font-size: 16/@rem;
        margin-top: 10/@rem;
    }
}

.btn {
    position: fixed;
    height: 40/@rem;
    line-height: 40/@rem;
    left: 0;
    right: 0;
    bottom: 0;
    button {
        border: none;
        outline: none;
        height: 35/@rem;
        width: 100/@rem;
        color: white;
        &:first-child {
           background-color: green;
        }
        &:last-child {
           background-color: red;
        }
    }
}